body,h1,h2,h3,h4,h5,h6,button{font-family: "Microsoft Yahei", "Lucida Grande", "Helvetica Neue",Helvetica,Arial,sans-serif;color: #555;}
h1,h2,h3,h4,h5,h6{margin: 0;font-weight: 100;color: #d6d0d0;}
h2{font-size: 34px;}
h3{font-size: 30px;}
h4{font-size: 28px;}
h6{font-size: 16px;}
body{font-size: 12px;color: #fff;background: #052149;min-width: 1400px;}
*{box-sizing: border-box;margin: 0;padding: 0;}
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a{transition: all 0.2s ease;}
a{text-decoration: none;color: #000;}
i, em{font-style: initial;}
:focus{  outline: -webkit-focus-ring-color auto 0px;}
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
p{margin: 0;}
ul{list-style: none;}
img{max-width: 100%;display: inline;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
option{font-size: 14px;}
select{white-space:nowrap;  overflow: hidden;}
.container{display:block;width:100%;*zoom: 1;}
.container:before,
.container:after {display: table;line-height: 0;content: "";}
.container:after {clear: both;}
.btn-black{-webkit-transition: 300ms all ease;transition: 300ms all ease;cursor: pointer;
  &:hover{filter:alpha(opacity=0.7);opacity:0.7} 
}
.btn-white{-webkit-transition: 300ms all ease;transition: 300ms all ease;cursor: pointer;
  &:hover{background: #000000;color: #fff !important;} 
}
.zoomMask{position:absolute;background:url(../images/icons/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.bgBlue{background: #042f62;}
.bgBlue1{background: #111c30;}
.bgBlue2{background: #053a64;}
.bgBlue3{background: #1a7fc7;}
.bgBlue4{background: #145690;}














